<html>
<head>
    <title>Expandable Definition List</title>
    <style>dd { display: none; }</style>
    <script type="text/javascript" src="04-next.js"></script>
    <script type="text/javascript" src="10-tag.js"></script>
    <script type="text/javascript" src="11-addEvent.js"></script>
    <script type="text/javascript" src="13-domReady.js"></script>
    <script type="text/javascript" src="19-attr.js"></script>
    <script type="text/javascript" src="22-dl.js"></script>
</head>
<body>
    <h1>Expandable Definition List</h1>
    <dl>
        <dt>Cats</dt>
        <dd>A furry, friendly, creature.</dd>
        <dt>Dog</dt>
        <dd>Like to play and run around.</dd>
        <dt>Mice</dt>
        <dd>Cats like to eat  them.</dd>
    </dl>
</body>
</html>
